.main{
	width: 100vw;
	height: calc(100vh - 150rpx);
	background: #F6F7FB;
	.top{
		height: 306rpx;
		background: url('~@/assets/images/statistics/bg.png');
		padding: 44rpx 18rpx;
		.search{
			display: flex;
			align-items:center;
		    font-size: 24rpx;
			color: #86909C;
			border: 1px solid #1E87FC;
			border-radius: 60rpx;
			height: 76rpx;
			line-height: 76rpx;
			padding: 0 6rpx;
			overflow: hidden;
			.icon{
				width:24rpx;
			}
			.input{
				flex:15;
				margin-left: 20rpx;
			}
			.btn{
				flex:3;
				width: 100rpx;
				height: 66rpx;
				line-height: 66rpx;
				border-radius: 40rpx;
				background: #1e87fc;
				color: #fff;
				font-size: 24rpx;
			}
		}
		.info{
			.tip{
				font-size: 32rpx;
				margin: 20rpx 0;
				font-weight: bold;
				.tipIcon{
					width:30rpx;
					height: 30rpx;
				}
				.text{
					margin-left: 6rpx;
				}
			}
			.tabs{
				display: flex;
				justify-content: space-around;
				padding: 10rpx 0;
				.tab{
					width:220rpx;
					border-radius: 30rpx;
					height: 68rpx;
					line-height: 68rpx;
					text-align: center;
					background: #E6F2FF;
					position: relative;
					color: #161422;
					font-size: 24rpx;
					&.activeTab{
						color:#fff;
						background: #1E87FC;
					}
				}
			}
		}
	}
	.inner{
		width:100%;
		padding: 0 18rpx;
	    font-family: "MiSans";
		font-weight: 500;
		margin-top: 30rpx;
		.card{
			padding-bottom: 160rpx;
			.list{
				::v-deep .uni-icon-wrapper{
					color:#1E87FC !important;
				}
			}
		}
	}
}
